<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>京东快报</title>
		
		<style>
			body,h1,ul {
				margin:0;
				padding:0;
			}
			
			.kb {
				width:400px;
				height:300px;
				box-sizing: border-box;
				border:1px solid #20B2AA;
				margin: 50px auto;
			}
			.kb h1 {
				background: #20B2AA;
				color:#fff;
				font-size:26px;
				height: 48px;
				line-height:48px;
				padding-left:8px;
			}
			.kb ul {
				list-style: none;
				padding-left:18px;
			}
			.kb ul li{
				line-height:48px;
			}
			.kb ul li a{
				text-decoration: none;
				color:#000;
				font-size:16px;
			}
		</style>
	</head>
	<body>
		<!--div.kb>h1+ul>li*5>a[href="#"]-->
		
		<div class="kb">
			<h1>京东快报</h1>
			<ul>
				<li><strong>[特惠]</strong><a href="#">海飞丝去屑又去油，超清爽</a><li>
				<li><strong>[公告]</strong><a href="#">京东公益支持鲁甸新动作</a><li>
				<li><strong>[特惠]</strong><a href="#">4688元抢iPhone 6</a><li>
				<li><strong>[公告]</strong><a href="#">小米电视携豪礼高调入驻京东</a><li>
				<li><strong>[公告]</strong><a href="#">海飞丝去屑又去油，超清爽</a><li>
			</ul>
		</div>
	</body>
<html>
